{% extends "base.html" %}
{% block title %}注册{% endblock %}
{% block style%}
.form-area {
    width: 50%;
    padding: 20px;
    box-sizing: border-box;
    margin: 10% auto;!important;
    border-radius: 8px;
    box-shadow: 7px 7px 12px rgba(0, 0, 0, 0.4),
  -7px -7px 12px rgba(255, 255, 255, 0.9);
}
input {
    width: 50%;
    margin: 0 auto;
    display: block;
    font-weight: 900;
}
label {
    font-weight: 900;
    margin-left: 10%;
}
{% endblock %}
{% block content %}
<form class="form-area" method="POST" action="{{ url_for('auth.register') }}">
    <h2>注册</h2>
    {{ form.hidden_tag() }}
    <p>
        {{ form.username.label }}<br>
        {{ form.username(size=32) }}<br>
        {% for error in form.username.errors %}
            <span style="color: red;">[{{ error }}]</span>
        {% endfor %}
    </p>
    <p>
        {{ form.password.label }}<br>
        {{ form.password(size=32) }}<br>
        {% for error in form.password.errors %}
            <span style="color: red;">[{{ error }}]</span>
        {% endfor %}
    </p>
    <p>
        {{ form.confirm_password.label }}<br>
        {{ form.confirm_password(size=32) }}<br>
        {% for error in form.confirm_password.errors %}
            <span style="color: red;">[{{ error }}]</span>
        {% endfor %}
    </p>
    <p>{{ form.submit() }}</p>
</form>
{% endblock %}